#root{
    overflow-y: scroll;
}

.index-container{
    display: flex;
    flex-direction: column;
    height: 100%;
    header{
        height: .5rem;
        background: #e54847;
        font-size: .18rem;
        text-align: center;
        line-height: .5rem;
        color: #fff;
    }

    main{
        flex: 1;
        overflow: hidden;
        overflow-y: scroll;
    }
    footer{
        @include border(1px 0 0 0,#ccc);
        height: .48rem;
        ul{
            height: 100%;
            display: flex;
            li{
                flex: 1;
                background: #fff;
                text-align: center;
                color: #696969;
                position: relative;
                .yo-ico{
                    font-size: .25rem;
                    //position: absolute;
                    text-align: center;
                }
                .text{
                    //flex: 1;
                    top: .33rem;
                    position: absolute;
                    font-size: .1rem;
                    line-height: .12rem;
                    text-align: center;
                    left: 0;
                    right: 0;
                }
                &.active{
                    color: #e54847;
                }
            }
        }
    }
}